<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多个类选择器修饰一个html元素</title>
    <style type="text/css">
        .class1{
            text-decoration: underline;
            color:black;
        }
        .class2{
            font-style: italic;
            font-size:30px;
        }
    </style>
</head>
<body>
<!--
当两个类修饰同一个html元素时（优先级相同的情况下），
发生冲突时，以写在style后面那个为准，跟元素中class的顺序无关

当一个元素被多个类选择器修饰时，他们用空格隔开

当一个元素被多个选择器同时限定时，优先级是：
!important > 行内样式 > id选择器 >
class（类、伪类）选择器 > html选择器 >
通配符选择器 > html属性设置 >继承样式
-->
<p class="class1 class2">新闻三</p>
</body>
</html>